<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>网络异常</title>
    <!-- 基本框架 -->
    <link rel="stylesheet" href="../../../css/common.css">
    <script src="../../../script/vue.min.js" type="text/javascript"></script>
    <script src="../../../script/frame.js" type="text/javascript"></script>
    <script src="../../../script/baseConfig.js" type="text/javascript"></script>
    <script src="../../../script/utils.js" type="text/javascript"></script>
    <script src="../../../script/common.js" type="text/javascript"></script>
    <style>
        body{
            background:#FFF;
        }
        .network{
            position:fixed;
            top:40%;
            left:50%;
            transform: translate(-50%,-50%);
            color:#c2c2c2;
            font-size:0.28rem;
            text-align:center;
        }
        .network img{
            display: block;
            width:5rem;
            margin:0px auto;
            margin-bottom:0.6rem;
        }
        .network button{
            background:#fff4f1;
            color:#ff683f;
            border-radius:3px;
            height:0.8rem;
            line-height:0.8rem;
            display: block;
            text-align:center;
            font-size:0.29rem;
            width:3.5rem;
            margin:0px auto;
            margin-top:0.5rem;
            margin-bottom:1rem;
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>
        <div id="container">
            <div class="network">
                <img src="../../../image/public/noNetwork.png">
                网络不给力，请检查网络后重试
                <button @click="retry">重试</button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        apiready = function() {
            var app = new Vue({
                el:'#app',
                data:{
					iosTest:false,
                },
                methods:{
                    retry(){
                        var that = this;
                        if(api.connectionType=="none"){
                            $.toast("仍然没有网络哦！");
                        }else{
                            api.rebootApp();
                        }
                    }
                },
                mounted(){
					$.initJs(this);
                }
            });
        }
    </script>
</body>
</html>
